<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!-- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> -->
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
		
		<!-- jquery Mobile -->
		<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
		<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
		
		<!-- 图标 -->
		<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css" />

		<link rel="stylesheet" href="css/style.css" />
		<script>
			$.mobile.ajaxEnabled = false;
		</script>
		<title>27.联系卖家</title>
		
		
		
		<style>
			#send {
				margin: 10px;
		
			}
		
			#send input {
				width: 80%;
				height: 2em;
				border: 2px solid #FFAA00;
				border-radius: 10px;
			}
		
			#send i {
				width: 1.2em;
				height: 1.2em;
				text-align: center;
				background-color: #FFFFFF;
				border: #FFAA00 2px solid;
				padding: 5px;
				margin-left: 10px;
				color: #FFAA00;
				font-size: 1em;
				border-radius: 1em;
			}
		
			#send i:active {
				width: 1.2em;
				height: 1.2em;
				text-align: center;
				background-color: #FFAA00;
				border: #FFAA00 1px solid;
				padding: 5px;
				margin-left: 10px;
				color: #FFFFFF;
				font-size: 1em;
				border-radius: 1em;
			}
		
			.soloimg img {
				width: 100%;
				margin: 0;
				padding: 0;
			}
		
			.replay div {
				margin: 0;
			}
		
			.replay i {
				color: #FFAA00;
			}
			
			#massage{
				background-color: #FFFFFF;
				height: 1000px;
				margin:;
			}
			.time{
				
				width: 100%;
				text-align: center;
				
			}
			
			.msg div {
				width: 50px;
				height: 50px;
				text-align: center;
			}
			.headreplay{
				border-radius:2em;
				width: 50px;
				height: 50px;
				position:absolute;
				right:80%;
			}
			
			.reply .msg p{
				position:relative;
				left:30%;
				
			}
			
			.headask{
				border-radius:2em;
				width: 50px;
				height: 50px;
				position: absolute;
				left:80%;
			
			}
			
			.ask .msg p{
				position: absolute;
				right:30%;
			}
		</style>
		
		
	</head>
	<body>
		<div data-role="page" class="bg01">
			<div data-role="header" data-position="fixed" id="opcitybg">
				<a id="headop" href="c_friendList.html" data-role="button" data-icon="carat-l" data-iconpos="notext"></a>
				<h1>笨笨熊</h1>
			</div>

			<div data-role="main" id="massage" class="ui-content">
				
				<div class="reply" data-role="none">
					<div class="time" data-role="none">06/17 06:30</div>
					<div class="msg">
						<img class="headreplay" src="img/touxiang2.jpg" data-role="none"/>
						<p>
							您好
						</p>
					</div>
				</div>
				
				<div class="ask">
					<div class="time">06/17 06:30</div>
					<div class="msg">
						<img class="headask" src="img/touxiang1.jpg" />
						<p>
							<!-- <i clas="msg_input"></i> -->
							您好
						</p>
					</div>
				</div>
				
			</div>

			<div data-role="footer" data-position="fixed" id="footerbg">
			
				<div id="send">
					<input type="text" data-inline="true" data-role="none" /><i class="fa fa-send"></i>
				</div>
			
			</div>
			
		</div>
	</body>
</html>
